﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>@ViewBag.Title - 易游购</title>
    @RenderSection("css", required: false)
    <style>
        * {
            margin: 0 auto;
            text-decoration: none;
            padding: 0;
            list-style: none;
            font-size: 14px;
        }

        .cls-btn {
            cursor: pointer;
            float: right;
            margin-top: -66px;
            margin-right: -62px;
        }

        .log-btn {
            display: block;
            border-radius: 4px;
            margin-top: 30px;
            height: 45px;
            width: 325px;
            background: rgb(50,63,93);
            font-size: 15px;
            color:#fff;
            cursor:pointer;
        }

        .log-worry {
            margin-top: 20px;
            display: block;
            color: red;
            font-size: 13px;
            width: 325px;
        }

        #login-box .p-user {
            margin-top: 10px;
        }

        .navtop {
            width: 100%;
            height: 70px;
            color: #DEE1E6;
            background: url(../Content/images/top-bg.png) no-repeat center top;
            border-bottom: 1px solid rgba(255,255,255,.1);
            background-image: linear-gradient(0deg,rgba(37,60,98,.14) 0,rgba(98,127,173,.6) 99%);
            min-width: 1200px;
        }

            .navtop a {
                display: block;
                float: right;
                height: 70px;
                width: 100px;
                line-height: 70px;
                color: #B5B5B5;
                text-align: center;
            }

            .navtop .nav-item:hover {
                color: #DEE1E6;
                background: rgb(37,55,85);
            }

        .container {
            width: 1240px;
        }

        .navtop-logo {
            width: 80px;
            height: 70px;
            background: red;
            float: left;
        }

        .navtop-list {
            float: left;
        }

            .navtop-list li {
                display: inline-block;
            }

                .navtop-list li a {
                    display: block;
                    height: 70px;
                    line-height: 70px;
                    padding: 0 16px;
                    color: #B5B5B5;
                }

                .navtop-list li:hover {
                    background: rgb(37,55,85);
                }

                .navtop-list li a:hover {
                    color: #DEE1E6;
                }

        .footer {
            line-height: 24px;
            background: #272A2B url(../../Content/images/index-section2-bg.jpg) no-repeat center top;
            color: #959595;
            width: 100%;
            overflow: hidden;
            height: initial;
            min-width: 1200px;
        }

        .guide {
            padding: 50px 0 20px 100px;
            width: 1200px;
            ;
            margin: 0 auto;
        }

        .guide-section {
            width: 228px;
            float: left;
        }

        .guide h3 {
            color: #E4E8EE;
            font-weight: 700;
            margin: 9px 0;
            font-size: 15px;
        }

        .guide .guide-pre {
            width: 12px;
            height: 2px;
            background: #4773C8;
            font-size: 0;
            margin: 0 0 12px;
        }

        .guide li {
            height: 32px;
            line-height: 32px;
        }

        a:visited {
            color: #959595;
            text-decoration: none;
        }

        .clear {
            overflow: hidden;
            width: 100%;
            font-size: 0;
            height: 0;
            line-height: 0;
        }

        .guide .line {
            margin-top: 48px;
            border-bottom: 1px solid #4773C8;
            margin-left: -100px;
        }

        .footer a {
            color: #959595;
        }

            .footer a:hover {
                color: rgb(238,162,14);
            }

        #login-box {
            position: absolute;
            left: 50%;
            top: 50%;
            margin-top: -150px;
            margin-left: -225px;
            background: #fff;
            height: 300px;
            width: 450px;
            padding: 80px;
            border-radius: 4px;
            border: 1px solid rgb(50,63,93);
        }
        #login-box h2{
            font-size:20px;
            color:rgb(50,63,93);
            text-align:center;
        }
        #login-box input{
            display:block;
            border:1px solid #888;
            height:35px;
            width:300px;
            line-height:35px;
            border-radius:4px;
            padding:2px 10px;
        }
        #login-box p{
            font-size:18px;
            display:block;
            width:323px;
            margin-top:30px;
            margin-bottom:5px;
            color:rgb(50,63,93);
        }
        #login-box input:focus {
            outline: none;
        }
        .user-image {
            width: 50px;
            height: 50px;
            border-radius: 50%;
            margin-top: 10px;
            margin-left: 75px;
        }
        .f-bottom span{
            margin: 0 10px;
        }
        .f-bottom a {
            color:#ccc
        }
    </style>
</head>
<body>
    <div class="navtop">
        <div class="container">
            <div class="navtop-logo">

            </div>
            <div class="navtop-list">
                <ul>
                    <li><a class="nav-item" href="@Url.Action("Index","Home")">首页</a></li>
                    <li><a class="nav-item" href="@Url.Action("GoodsClassification","Store")">游戏道具</a></li>
                    <li><a class="nav-item" href="@Url.Action("ShoppingCar","Store",new { uid = 1})">购物车</a></li>
                </ul>
            </div>
            <div class="user-windows">
                @if (Session["UserName"] != null)
                {   
                    <a href="javascript:void(0)" onclick="return btnLeave()">退出</a>
                    <a href="@Url.Action("PersonalCenter","Store",new { id = Session["UserID"]})">@Session["NickName"]</a>
                    <a href="@Url.Action("PersonalCenter","Store",new { id = Session["UserID"]})"><img class="user-image" src="~/Content/images/@Session["UserImage"]" alt="Alternate Text" /></a>
                }
                else
                {<a href="javascript:void(0)" class="loginbtn nav-item">登录/注册</a>}
            </div>
        </div>
    </div>
    @RenderBody()
    <div class="footer">
        <div class="guide">
            <div class="guide-section">
                <h3>账号设置</h3>
                <div class="guide-pre"></div>
                <ul>
                    <li><a href="javascript:void(0)">实名认证</a></li>
                    <li><a href="javascript:void(0)">Steam设置</a></li>
                    <li><a href="javascript:void(0)">交易防骗指南</a></li>
                </ul>
            </div>
            <div class="guide-section">
                <h3>钱包相关</h3>
                <div class="guide-pre"></div>
                <ul>
                    <li><a href="javascript:void(0)">收费标准</a></li>
                    <li><a href="javascript:void(0)">充值提现</a></li>
                </ul>
            </div>
            <div class="guide-section">
                <h3>交易相关</h3>
                <div class="guide-pre"></div>
                <ul>
                    <li><a href="javascript:void(0)">交易报价失败原因汇总</a></li>
                    <li><a href="javascript:void(0)">FAQ （English version)</a></li>
                    <li><a href="javascript:void(0)">什么是Steam交易暂挂</a></li>
                </ul>
            </div>
            <div class="guide-section">
                <h3>便捷支付</h3>
                <div class="guide-pre"></div>
                <ul>
                    <li><a href="javascript:void(0)">支付宝支付</a></li>
                    <li><a href="javascript:void(0)">银行卡支付</a></li>
                    <li><a href="javascript:void(0)">微信支付</a></li>
                </ul>
            </div>
            <div class="guide-section">
                <h3>友情链接</h3>
                <div class="guide-pre"></div>
                <ul>
                    <li><a href="javascript:void(0)">Steam官网</a></li>
                    <li><a href="javascript:void(0)">道聚城</a></li>
                    <li><a href="javascript:void(0)">网易BUFF</a></li>
                </ul>
            </div>
            <div class="clear"></div>
            <div class="line"></div>
        </div>
        <div class="f-bottom" style="text-align:center">
            <span>地址：江西师范大学瑶湖校区先骕楼</span>
            <a href="@Url.Action("Login","Admin")">后台入口</a>
            <span>指导老师：xxx</span>
            <span>版权所有&copy;江西师范大学软件学院</span>
        </div>
    </div>
    <script src="~/Scripts/jquery-3.3.1.min.js"></script>
    <script>
        $('.loginbtn').click(showLogin)
        function showLogin() {
            $.ajax({
                url: '../../Home/LoginForm',
                type: 'get',
                success: function (data) {
                    $("body").append(data);
                }
            })
        }
        function LoginResult(data) {
            console.log(data)
            if (data == "false") {
                $(document).find('#login-box .log-worry').html('账号或密码错误，请重新输入！');
            }
            else if (data == "true") {
                location.reload()
            }
        }
        //$(document).find('.cls-btn').click(closeLogin)
        function closeLogin(){
            $(document).find('#login-box').remove()
        }
        function beforeSubmit() {
            userName = $(document).find('#userName').val()
            userPwd = $(document).find('#usesPwd').val()
            if (userName.length < 2) {
                $(document).find('#login-box .log-worry').html('用户名需不小于2个字符！');
                return false
            }
            if (userPwd.length < 6) {
                $(document).find('#login-box .log-worry').html('密码需不小于6个字符！');
                return false
            }
            return true
        }
        function btnLeave() {
            $.ajax({
                url: '../../Home/Logout',
                type: 'get',
                success: function () {
                    location.reload()
                }
            })
            return true
        }
    </script>
    <script src="~/Scripts/jquery.unobtrusive-ajax.js"></script>
    @RenderSection("scripts", required: false)
</body>
</html>
